$(document).ready(function () {
	AOS.init()
	$("#pagination").pagination({
		/*当前页码*/
		currentPage: 1,
		/*总共有多少页*/
		totalPage: 10,
		/*是否显示首页、尾页 true：显示 false：不显示*/
		isShow: true,
		/*分页条显示可见页码数量*/
		count: 5,
		/*第一页显示文字*/
		homePageText: '首页',
		/*最后一页显示文字*/
		endPageText: '尾页',
		/*上一页显示文字*/
		prevPageText: '<',
		/* 下一页显示文字*/
		nextPageText: '>',
		/*点击翻页绑定事件*/
		callback: function (page) {
			console.log(page);
		}
	});
	// 当前筛选状态
	const state = {
		keyword: '',
		category: '',
		type: []
	};

	// 显示分类抽屉
	$('#showCategoryDrawer').click(function () {
		$('#categoryDrawer').addClass('active');
		$('#overlay').show();
	});

	// 显示类型抽屉
	$('#showTypeDrawer').click(function () {
		$('#typeDrawer').addClass('active');
		$('#overlay').show();
	});

	// 关闭抽屉
	function closeAllDrawers () {
		$('.el-drawer').removeClass('active');
		$('#overlay').hide();
	}

	// 点击遮罩层关闭抽屉
	$('#overlay').click(closeAllDrawers);

	// 侧边栏搜索
	$('#asideSearchBtn').click(function () {
		state.keyword = $('#asideSearchInput').val();
		state.category = '';
		updateProductList();
	});

	// 移动端搜索
	$('#mobileSearchBtn').click(function () {
		state.keyword = $('#mobileSearchInput').val();
		state.category = '';
		updateProductList();
		closeAllDrawers();
	});

	// 侧边栏分类点击
	$('.aside-bar-container .title, .aside-bar-container .list').click(function () {
		state.category = $(this).data('id');
		updateProductList();
	});

	// 抽屉分类点击
	$('.category-drawer .title, .category-drawer .column').click(function () {
		state.category = $(this).data('id');
		updateProductList();
		closeAllDrawers();
	});

	// 类型筛选变化
	$('.checkbox-input').change(function () {
		const value = $(this).val();
		const isChecked = $(this).is(':checked');

		if (isChecked) {
			if (!state.type.includes(value)) {
				state.type.push(value);
			}
		} else {
			state.type = state.type.filter(item => item !== value);
		}
	});

	// 重置筛选
	$('#resetFilterBtn, #desktopResetBtn').click(function () {
		state.type = [];
		$('.checkbox-input').prop('checked', false);
		updateProductList();

		if ($(this).is('#resetFilterBtn')) {
			closeAllDrawers();
		}
	});

	// 完成/确定筛选
	$('#completeFilterBtn, #desktopSearchBtn').click(function () {
		updateProductList();

		if ($(this).is('#completeFilterBtn')) {
			closeAllDrawers();
		}
	});

	// 更新产品列表
	function updateProductList () {
		console.log('当前筛选条件:', state);

		// 更新筛选条件显示
		let filterText = '';
		if (state.keyword) filterText += `关键词: ${state.keyword}<br>`;
		if (state.category) filterText += `分类: ${state.category}<br>`;
		if (state.type.length > 0) filterText += `类型: ${state.type.join(', ')}<br>`;

		$('#selectedFilters').html(filterText || '未选择任何条件');

		// 这里可以添加实际的产品列表加载逻辑
		// 例如AJAX请求获取产品数据
		loadProductItems();
	}

	// 加载产品项目
	function loadProductItems () {
		// 模拟产品数据
		const mockProducts = [
			{ id: 1, name: '产品1', category: '101', type: ['1', '5'] },
			{ id: 2, name: '产品2', category: '201', type: ['2', '6'] },
			{ id: 3, name: '产品3', category: '102', type: ['3', '7'] },
			{ id: 4, name: '产品4', category: '202', type: ['1', '6'] }
		];

		// 根据筛选条件过滤产品
		let filteredProducts = mockProducts.filter(product => {
			// 关键词筛选
			if (state.keyword && !product.name.includes(state.keyword)) {
				return false;
			}

			// 分类筛选
			if (state.category && product.category !== state.category.toString()) {
				return false;
			}

			// 类型筛选
			if (state.type.length > 0 && !state.type.some(t => product.type.includes(t))) {
				return false;
			}

			return true;
		});

		// 渲染产品列表
		if (filteredProducts.length > 0) {
			let html = '<div class="product-items">';
			filteredProducts.forEach(product => {
				html += `
												<div data-aos="fade-left" class="product-item" style="padding: 15px; margin-bottom: 15px; background: white; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,0.1)">
														<h4>${product.name}</h4>
														<p>分类: ${product.category}</p>
														<p>类型: ${product.type.join(', ')}</p>
												</div>
										`;
			});
			html += '</div>';
			$('#productItems').html(html);
		} else {
			$('#productItems').html('<p>没有找到符合条件的产品</p>');
		}
	}

	// 初始化
	updateProductList();
});